// <!DOCTYPE html>
// <html style="height: 100%">
//     <head>
//     <meta charset="utf-8">
//     <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
//     <script type="text/javascript" src="js/echarts.js"></script>
//     <script type="text/javascript" src="js/echarts-gl.min.js"></script>
//     <script type="text/javascript" src="js/ecStat.min.js"></script>
//     <script type="text/javascript" src="js/dataTool.min.js"></script>
//     <script type="text/javascript" src="js/china.js"></script>
//     <script type="text/javascript" src="js/world.js"></script>
//     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=bfMD5ZedpZdGzqw7XxNjPKSmjqygarjH&__ec_v__=20190126"></script>
//     <script type="text/javascript" src="js/bmap.min.js"></script>
//     </head>
//     <body style="height: 100%; margin: 0">
//     <div id="container" style="height: 100%"></div>
//
//     <script type="text/javascript">
// var dom = document.getElementById("container");
// var myChart = echarts.init(dom);
// var app = {};
// option = null;
// app.title = '北京公交路线 - 线特效';
//
// function getData(point) {
//     console.info("哈哈")
//     var A = point[0],
//         B = point[1],
//         n = 30,
//         arc = Math.PI / 4,
//         points = [];
//
//     function getCircleRadio(A, B, arc) {
//         return Math.sqrt(Math.pow(B[0]-A[0], 2)+Math.pow(B[1]-A[1], 2)) / (2*Math.sin(arc/2));
//     }
//
//     function getCircleOrigin(A, B, r) {
//         var x0 = 0, y0 = 0;
//         if (A[0] == B[0]) {
//             x0 = A[0] - Math.sqrt( r*r - Math.pow((B[1]-A[1]/2), 2));
//             y0 = (A[1] + B[1])/2;
//         } else if (A[1] == B[1]) {
//             x0 = (A[0] + B[0])/2;
//             y0 = A[1] + Math.sqrt( r*r - Math.pow((B[0]-A[0]/2), 2));
//         } else {
//             var M = [(A[0] + B[0])/2, (A[1] + B[1])/2],
//                 k = (A[0]-B[0])/(B[1]-A[1]),
//                 a = 1.0 + k * k,
//                 b = -2 * M[0] - k * k * (A[0] + B[0]),
//                 c = M[0] * M[0] + k * k * (A[0] + B[0]) * (A[0] + B[0]) / 4.0 - (r * r - ((M[0] - A[0]) * (M[0] - A[0]) + (M[1] - A[1]) * (M[1] - A[1])));
//             x0 = (-1.0 * b - Math.sqrt(b * b -4 * a * c)) / (2 * a);
//             y0 = k * x0 - k * M[0] + M[1];
//         }
//         return [x0, y0];
//     }
//     var R = getCircleRadio(A, B, arc);
//     var Ori = getCircleOrigin(A, B, R)
//     for (var i=0; i<n; i++) {
//         var angl = arc*i / n,
//             arc0 = Math.asin((A[0]-Ori[0])/R);
//         var x = Ori[0] + Math.sin(arc0 + angl)*R;
//         var y = Ori[1] + Math.cos(arc0 + angl)*R;
//         points.push([x, y]);
//     }
//     return points;
// }
//
// var busData = [];
// function getworkData(busData){
//
//     console.info("开始调用后台服务！");
//
//     var lines = $.ajax({
//         type: "get",
//         url: "http://127.0.0.1:14028/webgis/playdayod/get/"+"05",
//         dataType : 'json',
//         async: false
//     }).then(function (data) {
//         var hStep = 300 / (data.length - 1);
//         var busLines = [].concat.apply([], data.map(function (busLine, idx) {
//             // console.log(busLine);
//             // console.log("busLine对象" + busLine +"busLine长度："+ busLine.length);
//             return {
//                 coords: busLine,
//                 lineStyle: {
//                     normal: {
//                         color: echarts.color.modifyHSL('#5A94DF', Math.round(hStep * idx))
//                     }
//                 }
//             };
//
//         }));
//         busData = busLines;
//         console.log("busData数据："+busData)
//         return busData;
//     });
// }
//
//
// $.get('js/lines-bus.json', function(data) {
//     console.info("2233开始调用后台服务！")
//     busData = getworkData(busData);
//     // console.log("--buslines数据："+ busLines)
//
//     // var pointData1 = [118.7207,31.9983];
//     // var pointData2 = [118.7307,32.0046];
//     // var pointData = [];
//     // pointData.push(pointData1);
//     // pointData.push(pointData2);
//     // // console.log("pointData对象" + pointData +"pointData长度："+ pointData.length);
//     //
//     // var busLines = [{
//     //     coords: pointData, //[[118.7207,31.9983], [118.7307,32.0046]],
//     //     lineStyle: {
//     //         normal: {
//     //             color: echarts.color.modifyHSL('#5A94DF', Math.round(350))
//     //         }
//     //     }
//     // }]
//
//     // var busLines = busData;
//     var  busLines = busData;
//     console.log("busLines数据"+busLines);
//     /*,
//     {
//         coords: getData([[118.7989,32.0391], [118.7983,32.0390]]),
//         lineStyle: {
//             normal: {
//                 color: echarts.color.modifyHSL('#5A94DF', Math.round(350))
//             }
//         }
//     },
//     {
//         coords: getData([[118.8914,32.0961], [118.8923,32.0919]]),
//         lineStyle: {
//             normal: {
//                 color: echarts.color.modifyHSL('#5A94DF', Math.round(350))
//             }
//         }
//     // }*/ //];
//     myChart.setOption(option = {
//         bmap: {
//             center: [118.72, 31.99],
//             zoom: 12,
//             roam: true,
//             mapStyle: {
//                 'styleJson': [
//                     {
//                         'featureType': 'water',
//                         'elementType': 'all',
//                         'stylers': {
//                             'color': '#031628'
//                         }
//                     },
//                     {
//                         'featureType': 'land',
//                         'elementType': 'geometry',
//                         'stylers': {
//                             'color': '#000102'
//                         }
//                     },
//                     {
//                         'featureType': 'highway',
//                         'elementType': 'all',
//                         'stylers': {
//                             'visibility': 'off'
//                         }
//                     },
//                     {
//                         'featureType': 'arterial',
//                         'elementType': 'geometry.fill',
//                         'stylers': {
//                             'color': '#000000'
//                         }
//                     },
//                     {
//                         'featureType': 'arterial',
//                         'elementType': 'geometry.stroke',
//                         'stylers': {
//                             'color': '#0b3d51'
//                         }
//                     },
//                     {
//                         'featureType': 'local',
//                         'elementType': 'geometry',
//                         'stylers': {
//                             'color': '#000000'
//                         }
//                     },
//                     {
//                         'featureType': 'railway',
//                         'elementType': 'geometry.fill',
//                         'stylers': {
//                             'color': '#000000'
//                         }
//                     },
//                     {
//                         'featureType': 'railway',
//                         'elementType': 'geometry.stroke',
//                         'stylers': {
//                             'color': '#08304b'
//                         }
//                     },
//                     {
//                         'featureType': 'subway',
//                         'elementType': 'geometry',
//                         'stylers': {
//                             'lightness': -70
//                         }
//                     },
//                     {
//                         'featureType': 'building',
//                         'elementType': 'geometry.fill',
//                         'stylers': {
//                             'color': '#000000'
//                         }
//                     },
//                     {
//                         'featureType': 'all',
//                         'elementType': 'labels.text.fill',
//                         'stylers': {
//                             'color': '#857f7f'
//                         }
//                     },
//                     {
//                         'featureType': 'all',
//                         'elementType': 'labels.text.stroke',
//                         'stylers': {
//                             'color': '#000000'
//                         }
//                     },
//                     {
//                         'featureType': 'building',
//                         'elementType': 'geometry',
//                         'stylers': {
//                             'color': '#022338'
//                         }
//                     },
//                     {
//                         'featureType': 'green',
//                         'elementType': 'geometry',
//                         'stylers': {
//                             'color': '#062032'
//                         }
//                     },
//                     {
//                         'featureType': 'boundary',
//                         'elementType': 'all',
//                         'stylers': {
//                             'color': '#465b6c'
//                         }
//                     },
//                     {
//                         'featureType': 'manmade',
//                         'elementType': 'all',
//                         'stylers': {
//                             'color': '#022338'
//                         }
//                     },
//                     {
//                         'featureType': 'label',
//                         'elementType': 'all',
//                         'stylers': {
//                             'visibility': 'off'
//                         }
//                     }
//                 ]
//             }
//         },
//         series: [{
//             type: 'lines',
//             coordinateSystem: 'bmap',
//             polyline: true,
//             data: busLines,
//             silent: true,
//             lineStyle: {
//                 normal: {
//                     // color: '#c23531',
//                     // color: 'rgb(200, 35, 45)',
//                     opacity: 0.3,
//
//                     width: 2
//                 }
//             },
//             progressiveThreshold: 500,
//             progressive: 200
//         }, {
//             type: 'lines',
//             coordinateSystem: 'bmap',
//             polyline: true,
//             data: busLines,
//             lineStyle: {
//                 normal: {
//                     width: 0
//                 }
//             },
//             effect: {
//                 constantSpeed: 50,
//                 show: true,
//                 trailLength: 0.5,
//                 symbolSize: 2
//             },
//             zlevel: 1
//         }]
//     });
// });
//
// </script>
// </body>
// </html>
